<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0" />
<!-- styles -->
<link rel="stylesheet" type="text/css" href="../../../../assets/common/jquery-easyui/themes/custom/easyui.css">
<link rel="stylesheet" type="text/css" href="../../../../assets/common/jquery-easyui/themes/icon.css">
<link rel="stylesheet" type="text/css" href="../../../../assets/common/jquery-easyui-custom/easyui.custom.css">
<!-- scripts -->
<script type="text/javascript" src="../../../../assets/common/jquery-easyui/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="../../../../assets/common/jquery-easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="../../../../assets/common/jquery-easyui/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript" src="../../../../assets/common/jquery-easyui-custom/easyui.custom.js"></script>
<script type="text/javascript" src="../../../../assets/common/framework.js"></script>
<!-- 时间处理js -->
<script type="text/javascript" src="../../../../assets/common/js.Date.js"></script>
<!-- JSON2 -->
<!--[if lt IE 8]>
<script type="text/javascript" src="../../../../assets/common/json-js/json2.js"></script>
<![endif]-->
<!-- page scripts -->
<script type="text/javascript" src="../../../../assets/admin/system/emp/list.js"></script>
<script type="text/javascript" src="../../../../assets/admin/system/emp/user.js"></script>
</head>

<body>
	<!-- 主页面 -->
	<div class="easyui-layout" data-options="fit:true">
		<!-- 左树 -->
		<div data-options="region:'west',title:'组织机构',split:true" style="width:180px;padding: 8px">
			<ul class="easyui-tree" id="tree"></ul>
		</div>
		<!-- 列表 -->
		<div data-options="region:'center',border:false">
			<table id="dg-list" data-options="title:'员工信息列表',toolbar:'#tb-list'"></table>
			<!-- 菜单 -->
			<div id="tb-list">
				<a href="javascript:;" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true" onclick="dlg_add()">新增</a>
				<a href="javascript:;" class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true" onclick="dlg_edit()">修改</a>
				<a href="javascript:;" class="easyui-linkbutton" data-options="iconCls:'icon-remove',plain:true" onclick="func_del()">删除</a>
				<a href="javascript:;" class="easyui-linkbutton" data-options="iconCls:'icon-reload',plain:true" onclick="func_reload()">刷新</a>
				<a href="javascript:;" class="easyui-linkbutton" data-options="iconCls:'icon-user',plain:true" onclick="dlg_user()">分配用户</a>
				<!-- 搜索框 -->
				<input id="searchbox" class="easyui-searchbox" data-options="width:200,searcher:search,prompt:'请输入查询内容',menu:'#searchMenu'">
				<div id="searchMenu">
					<div data-options="name:'nameLike'">员工姓名</div>
					<div data-options="name:'jobLike'">员工职位</div>
					<div data-options="name:'contactLike'">联系电话</div>
					<div data-options="name:'idCardLike'">身份证</div>
				</div>
			</div>
		</div>
	</div>
	<!-- 新增 -->
	<div id="dlg-add" class="easyui-dialog" style="width:400px;height:320px;top:30px;overflow-y:scroll;"
		data-options="title:'新增',closed:true,buttons:'#dlg-btn-add',resizable:true,maximizable:true,modal:true">
		<div style="margin:5px;">
			<input type="hidden" id="orgId-add" />
			<table id="dg-add" data-options="title:'新增',toolbar:'#tb-add'"></table>
			<div id="tb-add">
				<a href="javascript:;" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true" onclick="appendLine()">新增</a>
				<a href="javascript:;" class="easyui-linkbutton" data-options="iconCls:'icon-remove',plain:true" onclick="removeLine()">删除</a>
			</div>
		</div>
		<div id="dlg-btn-add">
			<a href="javascript:;" class="easyui-linkbutton" data-options="iconCls:'icon-ok'" onclick="func_add()">确定</a>
			<a href="javascript:;" class="easyui-linkbutton" data-options="iconCls:'icon-cancel'" onclick="$('#dlg-add').dialog('close');">取消</a>
		</div>
	</div>
	<!-- 修改 -->
	<div id="dlg-edit" class="easyui-dialog" style="width:320px;padding:20px 30px;top:30px"
		data-options="title:'修改',closed:true,buttons:'#dlg-btn-edit'">
		<form id="fm-edit" method="post">
			<input type="hidden" id="id-edit" />
			<input type="hidden" id="orgId-edit" name="orgId" />
			<div style="text-align: center;">
				<table style="border-width:0;" align="center">
					<tr>
						<td style="text-align: right;">所属机构：</td>
						<td><input id="orgName-edit" disabled="disabled" value="无" /></td>
					</tr>
					<tr>
						<td style="text-align: right;">姓名：</td>
						<td><input type="text" name="name" class="easyui-textbox" data-options="required:true,validType:['length[0, 10]']" /></td>
					</tr>
					<tr>
						<td style="text-align: right;">性别：</td>
						<td>
							<input type="radio" name="gender" value="男" checked="checked" /> 男
							<input type="radio" name="gender" value="女" /> 女
						</td>
					</tr>
					<tr>
						<td style="text-align: right;">学历：</td>
						<td>
							<select class="easyui-combobox" name="education" data-options="panelHeight:'auto'" style="width:147px;">
								<option value="高中">高中</option>
							    <option value="中专">中专</option>
							    <option value="大专">大专</option>
							    <option value="本科">本科</option>
							    <option value="硕士">硕士</option>
							    <option value="博士">博士</option>
							</select>
						</td>
					</tr>
					<tr>
						<td style="text-align: right;">身份证：</td>
						<td><input type="text" name="idCard" class="easyui-textbox" data-options="validType:['idcard']" /></td>
					</tr>
					<tr>
						<td style="text-align: right;">生日：</td>
						<td><input type="text" name="birthday" class="easyui-datebox" data-options="editable:false" /></td>
					</tr>
					<tr>
						<td style="text-align: right;">邮箱：</td>
						<td><input type="text" name="email" class="easyui-textbox" data-options="validType:['email']" /></td>
					</tr>
					<tr>
						<td style="text-align: right;">联系电话：</td>
						<td><input type="text" name="contact" class="easyui-textbox" data-options="validType:['phone']" /></td>
					</tr>
					<tr>
						<td style="text-align: right;">职位：</td>
						<td><input type="text" name="job" class="easyui-textbox" data-options="validType:['length[0, 20]']" /></td>
					</tr>
				</table>
			</div>
		</form>
		<div id="dlg-btn-edit">
			<a href="javascript:;" class="easyui-linkbutton" data-options="iconCls:'icon-ok'" onclick="func_edit()">确定</a>
			<a href="javascript:;" class="easyui-linkbutton" data-options="iconCls:'icon-cancel'" onclick="$('#dlg-edit').dialog('close');">取消</a>
		</div>
	</div>
	<!-- 设置用户 -->
	<div id="dlg-user" class="easyui-dialog" style="width:800px;height:320px;top:30px;overflow-y:scroll;"
		data-options="title:'分配用户',closed:true,buttons:'#dlg-btn-user',resizable:true,maximizable:true,modal:true">
		<div style="margin:5px;">
			<input type="hidden" id="empId-user" />
			<table id="dg-user" data-options="title:'用户',toolbar:'#tb-user'"></table>
			<div id="tb-user">
				<a href="javascript:;" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true" onclick="appendUser()">新增</a>
				<a href="javascript:;" class="easyui-linkbutton" data-options="iconCls:'icon-remove',plain:true" onclick="removeUser()">删除</a>
			</div>
		</div>
		<div id="dlg-btn-user">
			<a href="javascript:;" class="easyui-linkbutton" data-options="iconCls:'icon-ok'" onclick="func_user()">确定</a>
			<a href="javascript:;" class="easyui-linkbutton" data-options="iconCls:'icon-cancel'" onclick="$('#dlg-user').dialog('close');">取消</a>
		</div>
	</div>
</body>
</html>
